Page({
  data: {
    url: 'https://market.doulaizuji.com/h5.html?t=' + new Date().getTime(),
    url1: ''
  },

  // 页面加载时的生命周期函数
  onLoad(query) {
    // 获取并拼接参数
    this.setData({
      url1: this.data.url + '#/?id=' + query.id
    });
    console.log(this.data.url1);
  },

  // 页面初次渲染完成后的生命周期函数
  onReady() {
    // 页面渲染完成时的操作
  },

  // 页面展示时的生命周期函数
  onShow() {
    // 页面展示时执行
  },

  // 处理从 web-view 传回的消息
  onmessage(e) {
    const { type, value, activeElement, pageStyleInfo } = e.detail;
    switch (type) {
      case 'jump_page':
        my.navigateTo({
          url: value
        });
        break;
      case 'jump_alipays':
        if (value.includes('appId')) {
          const queryString = value.replace('alipays://platformapi/startapp?', '');
          const keyValuePairs = queryString.split('&');
          const result = {};
          keyValuePairs.forEach((pair) => {
            const [key, value] = pair.split('=');
            if (key === 'page') {
              const decodedValue = decodeURIComponent(value);
              const [path, queryParamsString] = decodedValue.split('?');
              result.path = path;

              if (queryParamsString) {
                const queryParams = queryParamsString.split('&');
                result.query = {};
                queryParams.forEach((queryParam) => {
                  const [queryKey, queryValue] = queryParam.split('=');
                  result.query[queryKey] = queryValue;
                });
              }
            } else {
              result[key] = decodeURIComponent(value);
            }
          });
          my.navigateToMiniProgram(result);
        }
        break;
      case 'subscribe_message':
        this.requestSubscribeMessage(value);
        break;
      case 'burial_point':
        this.customBuriedEvents({
          value,
          activeElement
        });
        break;
      case 'custom_header':
        this.handleCustomHeader(pageStyleInfo);
        break;
    }
  },

  // 处理订阅消息
  requestSubscribeMessage(value) {
    // 这里可以调用订阅消息的API进行处理
  },

  // 处理埋点事件
  customBuriedEvents({ value, activeElement }) {
    const { canvasComponentId, componentName, diyId } = value;
    const { title, propsValue } = activeElement;
    let key = `${diyId}_${componentName}_${canvasComponentId}`;
    if (title) {
      key += `_${title}`;
    }
    const eventParams = {
      key
    };
    if (propsValue.input_product_id) {
      eventParams.productId = propsValue.input_product_id.value;
    }
    // 这里可以记录埋点事件
  },

  // 设置页面自定义导航栏
  handleCustomHeader(pageStyleInfo) {
    my.setNavigationBarTitle({
      title: pageStyleInfo.name,
    });
    my.setNavigationBarColor({
      frontColor: pageStyleInfo.nameColor,
      backgroundColor: pageStyleInfo.nameBgColor
    });
  }
});